/*重置mui样式*/
/*.mui-icon{ background: #eee;}*/
.mui-bar{ z-index: 4;}
.mui-table-view:before ,.mui-table-view:after ,.mui-table-view-cell:after{ background: none;}
.mui-search .mui-placeholder{ text-align: left; left: 20px; font-size: 13px; color:#9399A5;}
input[type=search]{ background: none;}
/*通用样式*/
.arr_right{ display: inline-block; width: 6px; height: 10px;}

/*选择考试类型-考试地区*/
.type_list{ padding: 20px 15px 15px;}
.type_list li{ padding-bottom: 35px;}
.type_list li a{ display: block;}
.type_list li.active a{ color: #000;}
.area_box{ padding: 15px;}
.currentCity{ display: flex; justify-content: space-between; font-size: 16px; color: #384049;}
.currentCity img{ width: 16px; height: 16px;}
.area_list{ padding-top: 35px; font-size: 16px; color: #384049;}
.area_list li{ padding-bottom: 35px;}
.area_list li a{ display: block;}
.area_list li.active a{ color: #000;}


/*专栏*/
.icon_xs{ display: inline-block; width: 4px; height: 14px; background: #EA2520; border-radius: 0px; margin-right: 5px; position: relative; top: 1px;}
.columns_icons{ padding: 10px 0; background: #fff; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.columns_icons ul{display: flex; justify-content: space-around;}
.columns_icons li{ padding: 10px 0;}
.columns_icons li a{ display: block; text-align: center;}
.columns_icons li a:active .column_bg1{ background: linear-gradient(#ff5667, #ff7c53); box-shadow: none;}
.columns_icons li a:active .column_bg2{ background: linear-gradient(#56b5ff, #61e0ff); box-shadow: none;}
.columns_icons li a:active .column_bg3{ background: linear-gradient(#2bd8c8, #3ce2d2); box-shadow: none;}
.columns_icons li a:active .column_bg4{ background: linear-gradient(#ffbc55, #ffdf8e); box-shadow: none;}
.column_bg1 ,.column_bg2 ,.column_bg3 ,.column_bg4{ display: inline-block; border-radius: 50%; width: 46px; height: 46px; padding: 8px;}
.column_bg1{ background: linear-gradient(#FF2449, #FF734B); box-shadow: 0px 2px 8px rgba(255,115,75,.5);}
.column_bg2{ background: linear-gradient(#0A8DEE, #42CAFD); box-shadow: 0px 2px 8px rgba(66,202,253,.5);}
.column_bg3{ background: linear-gradient(#00C9BA, #00C9BA); box-shadow: 0px 2px 8px rgba(0,201,186,.5);}
.column_bg4{ background: linear-gradient(#F9A840, #FED07F); box-shadow: 0px 2px 8px rgba(254,208,127,.5);}
.columns_icons li a img{ width: 30px; height: 30px;}
.columns_icons li a p{ font-size: 12px; color: #4a4a52; padding-top: 5px;}

/*今日推荐*/
.newsMargin{ margin-top: 20px;}
.mui-slider-group .news_box{ margin-top: 120px;}
.news_box{ background: #fff; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}

.icon_tt{ padding-right: 10px;}
.icon_tt img{ display: inline-block; width: 20px; position: relative; top: 4px;}
.news_nr li{ padding: 10px 15px; font-size: 15px; background: #fff;}
.news_nr li h4 ,.news_nr li a{ font-size: 15px; line-height: 1.5; font-weight: normal; color: #000; overflow : hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.news_nr li .time{ text-align: right; color: #8f8f94; padding: 5px 0; font-size: 13px;}
.donePrice{ display: flex; justify-content: space-between; padding-top: 10px;}
.donePrice .done{ font-size: 13px;}
.donePrice .price{ color: #f00;}
.donePrice .bought{ color: #41a863;}

.examCalendar{ padding: 15px;}
.ec_table{ width: 100%;}
.ec_table tr th ,.ec_table tr td{ font-size: 14px; color: #384049;}
.ec_table tr th{ text-align: center; /*width: 33%;*/ height: 40px; line-height: 40px;}
.ec_table tr td{ padding: 14px 6px; white-space: normal; height: 80px;}
.ec_table tr:nth-child(odd){background:#f7f7f7;}
.ec_table tr:nth-child(even){background:#fff;}

/*遴选专题*/
.fixNews{ position: fixed; z-index: 3; left: 0; right: 0; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.fixNews ul{ display: flex; justify-content: space-around;}

.mui-slider .mui-slider-group .icon_top img{ width: 30px;}
.st_box1{ padding: 0 15px 30px; margin-top: 20px;}
.st_box1 h3{ font-size: 14px; color: #384049;line-height: 40px; background: #EEE; text-align: center;}
.st_box1 li{ font-size: 14px; color: #384049; height: 40px; line-height: 40px; padding: 0 10px;}
.st_box1 li:nth-child(even){ background: #eee;}
.st_box1 li em{ display: inline-block; width: 100px;}
.st_box2 ,.st_box3{ padding-bottom: 30px;}
.st_box2_tt ,.st_box3_tt{ padding-left: 15px; font-size: 16px; color: #333;}
.st_box2_tt span ,.st_box3_tt span{ display: inline-block; width: 4px; height: 14px; background: #EA2520; margin-right: 5px; position: relative; top: 1px;}

/*书城*/
.read_nr ul{ padding-bottom: 20px;}
.read_nr li{ margin-top: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}

/*课程*/
.course_nr ul{ padding-bottom: 20px;}
.course_nr li{ margin-top: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}

/*bought页面样式*/
.mt-45{ margin-top: -45px;}
.mt40{ margin-top: 40px;}
#my_order .fixTab{ box-shadow: 0 1px 3px rgba(0, 0, 0, .04); z-index: 9; position: fixed; left: 0; right: 0; background: #fff;}
.fixStudyCenter{ position: fixed; left: 0; right: 0; top: 0; z-index: 9999; height: 64px;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, .04)}
.icon_sr_black img{ display: inline-block; position: absolute; left: 10px; top: 10px; width: 22px; height: 22px;}
.icon_tip_black img{ display: inline-block; position: absolute; right: 10px; top: 10px; width: 22px; height: 22px;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{ border: none;}
.mui-control-content { background: transparent;}

/*没有商品的状态*/
.newsList{ position: absolute; left: 0; right: 0; top: 30%; z-index: 9;}
.mui-slider .mui-slider-group .noOrderPic{ text-align: center; padding: 100px 0 20px;}
.mui-slider .mui-slider-group .noOrderPic img{ width: 100px;}
.mui-slider .mui-slider-group .noOrderTxt{ text-align: center; font-size: 14px; color: #aaa;} 
.moreBtn{ text-align: center; padding-top: 30px;}
.moreBtn a{ display: inline-block; font-size: 16px; height: 40px; line-height: 38px; padding: 0 50px; color: #EA2520; border: 1px solid #EA2520; border-radius: 5px;}


.mui-slider .mui-slider-group .noPic{ text-align: center; padding: 60px 0;}
.mui-slider .mui-slider-group .noPic img{ width: 140px; height: 140px;}
.noPic p{ font-size: 18px; color: #848A90;}
.findMore{ display: block; width: 190px; height: 40px; margin: 40px auto; text-align: center; line-height: 38px; font-size: 18px; color: #EA2520; border: 1px solid #EA2520; border-radius: 5px;}
.hot_rec_tt{ text-align: center; position: relative;}
.hot_rec_tt h4{ font-size: 18px; color: #333;}
.hot_rec_tt span.xs_line{ display: inline-block; width: 16px; height: 6px; border-radius: 6px; background: #FFC7C7;}

/*题库*/
.tk_data{ padding-top: 60px;}
.tk_data li h4{ font-size: 26px; color: #fff; padding-bottom: 10px;}
.tk_data li p{ font-size: 13px; color: rgba(255,255,255,.8);}
.tk_top{ position: relative; background: #56B5FF; height: 220px; padding-top: 30px;}
.tk_total{ text-align: center; padding: 35px 0 20px; color: #fff;}
.tk_total h3{ font-size: 32px; font-weight: normal;}
.tk_total p{ padding-top: 5px; color: #fff;}
.tk_data ul{ display: flex; justify-content: space-between; text-align: center; position: relative;}
.tk_data li{ width: 49%;}
.sepLine{ position: absolute; left: 50%; top: 10px; display: inline-block; width: 1px; height: 30px; background: rgba(255,255,255,.6);}

.tk_columns{ padding: 15px;}
.tk_columns ul{ display: flex; justify-content: space-around; background: #fff; border-radius: 5px; padding: 15px 0; /*box-shadow: 0 3px 10px rgba(0,0,0,.06); position: relative; top: -55px;*/}
.tk_columns li{ text-align: center;}
.tk_columns li a{ display: block;}
.tk_columns li p{ font-size: 12px; color: #333;}
.tk_columns li img{ width: 30px; height: 30px;}

.exercises{margin-top:0px;}
.exercises_tt{  font-weight: bold; border-bottom: 1px solid #f7f7f7; display: flex; justify-content: space-between;}
.exercises_tt h3{ font-size: 15px; color: #333; height: 40px; line-height: 40px; padding-left: 15px;}
.downArray{ padding: 10px 10px 0;}
.downArray img{ width: 24px; height: 24px;}
.fengeLine2{ height:15px; background: #FAFAFA; margin-bottom: 0px; border-top: 1px solid #f7f7f7;}
.exercises_nr{ padding: 0px 0 20px;}
.exercises_item{ position: relative;}
.exercises_first{ padding-bottom: 10px;}
.exercises_list{ margin: 0px; display: flex; justify-content: space-between; height: 60px; line-height: 60px; border-bottom: 1px solid #f7f7f7;}
.exercises_list:last-of-type{ border-bottom: none;}
.exercises_list a{ display: inline-block;}
.exercises_list h4{ font-size: 15px; font-weight: normal; color: #384049; height: 60px; line-height: 60px;}
.exercises_list p span{ color: #ccc;}
.exercises_list p img{ display: inline-block; width: 20px; height: 20px; position: relative; top: 5px;}
.exercises_list p .jg_line{ display: inline-block; width: 1px; height: 10px; background: #eee; margin: 0 20px;}
.exercises_list .tkList{display: flex; justify-content: space-between; width: 100%; padding: 0 15px;}

/*过渡动画*/
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

/*搜索页*/
.srBtn{ font-size: 14px; color: #000; line-height: 44px; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;}
#keyWord{ width: 80%; position: relative; z-index: 9;}
.sr-width{ width: 90%; position: relative; padding: 0; height: 40px;}
.mui-bar .sr_input[type=search]{ width: -webkit-calc(100% - 72px); height: 24px; line-height: 24px; margin: 10px 0 10px 10px; padding: 0; font-size: 14px; float: left; border-radius: 0;}
.sr_input::-webkit-input-placeholder{ font-size: 14px; color: #ccc;}
.icon_sr{ position: absolute; top: 9px;}
.icon_sr img{ width: 20px; height: 20px; }
.cancle-back{ font-size: 16px; color:#2D353E; padding-top: 6px;}
.hot_sr{ padding: 120px 15px 10px;}
.hot_sr h3{ font-size: 14px; color: #999; padding-bottom: 20px; font-weight: normal;}
.hot_keyword a{ font-size: 12px; display: inline-block; padding: 2px 10px; margin: 0 15px 15px 0; border-radius: 3px; color: #2D353E;}
.hot_keyword .keyword_bg{ color: #999; border: 1px solid #eee; border-radius: 20px;}

/*搜索结果页*/
.showResult{ font-size: 14px; color: #ddd; text-align: center; height: 20px; line-height: 20px; margin-top: 20px;}
.bbline{ border-bottom: 1px solid #eee!important;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active em{ display: block; height: 2px; background: #EA2520;  margin: 0 auto;}
.result_pic ,.result_txt ,.backHome{ text-align: center;}
.result_pic img{ width: 100px;}
.result_txt{ font-size: 14px; color: #999; padding: 20px 0 80px;}
.backHome a{ display: block; width: 220px; height: 42px; line-height: 42px; text-align: center; margin: 0 auto; border: 1px solid #DADADA; border-radius: 4px; }

/*遴选资讯tab*/
.resultPadding{ padding-top: 120px!important;}
.shadow{ padding-bottom: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .04);}
.icon_filter ,.icon_filter2{  margin-left: -10px; margin-right: -10px; padding: 10px; height: 44px;}
.icon_filter img ,.icon_filter2 img{ width: 22px; height: 22px;}
.icon_filter2{ display: none;}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ color: #EA2520;}
.mui-segmented-control.mui-scroll-wrapper .mui-control-item{ padding: 0 10px;}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{ border: none;}
.disflex{ padding-left: 10px; font-size: 16px; margin: 10px 0;}
.bdn{ border: none;}
.news_tab_tt{ display: flex; justify-content: space-around; background: #fff;  box-shadow: 0 1px 3px rgba(0, 0, 0, .04); font-size: 15px;}
.news_tab_tt a{ line-height: 45px; width: 25%; height: 45px; background: #fff;}
.news_tab_tt a.active{ color: #EA2520;}
.news_tab_tt a.active em{ display: block; height: 2px; background: #EA2520; margin: -2px auto 0;}
/*筛选弹出层*/
.popFilter ,.popFilter2{ position: fixed; right: -90%; top: 0; bottom: 0; width: 80%; background: #fff; z-index: 20;box-shadow: -5px 0 10px rgba(0,0,0,.3);}
.area_bt{ display: flex; justify-content: space-between;  position: relative; padding: 33px 15px 0;}
.area_bt h4{ color: #36404A; font-size: 15px;}
.area_bt span{ color: #888888; font-size: 15px;}
.area_bt .arr_up{ display: inline-block; background: url(../images/arr_up.png) no-repeat; background-size: 16px; width: 16px; height: 16px; margin-left: 5px;}
.area_bt .arr_down{ display: inline-block; background: url(../images/arr_down.png) no-repeat; background-size: 16px; width: 16px; height: 16px; margin-left: 5px;}
.h75p{ height: -webkit-calc(100% - 100px);}
.h250px{ height: 250px;}
.areaList{ padding: 15px 15px 0; overflow: scroll;}
.areaList ul{ display: flex; flex-wrap: wrap;}
.areaList li{ width: 33%; text-align: center; padding-bottom: 10px;}
.areaList a{ display: inline-block; width: 96px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.areaList li a.selected{ background: #FFCCCC url(../images/icon_sel.png) right bottom no-repeat; background-size: 15px; color: #EA2520;}*/
.areaList li a.selected,.areaList li.selected a{ background: #FFCCCC url(../images/icon_sel.png) right bottom no-repeat; background-size: 15px; color: #EA2520;}
.fixBtn{ position: absolute; left: 0; right: 0; bottom: 0;}
.comfirmBtn{ display: block; background: #EA2520; font-size: 14px; color: #fff; height: 50px; line-height: 50px; text-align: center;}
.comfirmBtn:active{ color: #fff; background: #d4201b;}

/*课程筛选*/
.noOrderPic{ text-align: center; padding: 200px 0 20px;}
.noOrderPic img{ width: 100px!important; height: 117px;}
.noOrderTxt{ text-align: center; font-size: 14px; color: #aaa;} 
.btnGroup{ display: flex; justify-content: space-between;}
.btnGroup a{ font-size: 14px; height: 50px; line-height: 50px; text-align: center;}
.btnGroup a:active{ color: #fff; background: #d4201b;}
.clearBtn{ color: #36404A; background: #eee; flex: 1;}
.comfirmBtn2{ color: #fff; background: #EA2520; flex: 3;}

/*文章详情*/
.mui-bar-nav a img{ width: 24px; height: 24px;}
.icon_top_sr{ margin-left: -10px; margin-right: -10px; padding: 10px; height: 44px;}
.icon_more{ margin-right: -10px; height: 44px; padding: 10px;}
.icon_rss{ position: absolute; right: 50px;}

/*弹窗分享样式*/
.popShare{ display: none; position: fixed; z-index: 15; left: 3%; right: 3%; bottom: 10px; /*height: 190px;*/ width: 94%; background: #eee; border-radius: 15px;}
.popMask{ display: none; position: fixed; z-index: 20; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.popShare ul{ display: flex; flex-wrap: wrap; padding-top: 10px;}
.popShare li{ width: 33%; text-align: center; padding: 15px 0 10px;}
.popShare li a{ display: block; text-align: center;}
.popShare li img ,.popShare li span{ display: block; text-align: center; margin: 0 auto;}
.popShare li span{ font-size: 12px; color: #36404A; padding-top: 5px;}
.share_img{ width: 30px; height: 30px;}
.cancle_share{ background: #e5e5e5; width: 90%; margin: 10px auto; text-align: center; padding: 10px; font-size: 16px; border-radius: 5px;}
.readPopMask{position: fixed; z-index: 15; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}

/*公告详情*/
.ann_bt{ padding: 20px 15px;} 
.ann_bt h3{ font-size: 20px; line-height: 1.5; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.ann_bt p{ display: flex; justify-content: space-between; padding-top: 10px; font-size: 14px;}
.ann_nr{ padding: 0 15px;}
.ann_nr p{ text-align: justify; padding-bottom: 20px; font-size: 15px; color: #333;}

/*课程详情页*/
.icon-transparent{ color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.2);}
#app{ padding-bottom: 10px;}
#app ul{ display: flex; justify-content: space-around; padding-bottom: 10px;}
#app li.active{ color: red;}
.icon_fx_grey{ float: right; padding-top: 6px;}
.courseBack{ float: left; padding-top: 6px;}
.icon_fx_grey img ,.courseBack img{ width: 30px; height: 30px;}
.course_banner{position: relative; }
.course_banner img{ width: 100%;}
.course_dbox{ padding-bottom: 62px;}
.course_dbt{ padding:15px; /*position: absolute; bottom: 0; left: 0; right: 0;*/}
.course_dnr{ padding: 0;}
.course_dnr #item1{ padding: 0 15px;}
.course_dbt h3{ font-size: 16px; color: #36404A; line-height: 1.4; padding-bottom: 5px; text-align: justify; white-space: normal;}
.course_dbt p{ font-size: 12px; color: #36404A; }
.course_dbt p span{ color: #B4B8BC; margin-right: 15px;}
.fg_line{ margin-left: 15px;}
.course_ad img{ width: 100%; display: block;}
.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{ background: none;}
.catalog li{ border-bottom: 1px solid #f5f5f5;}
.catalog li a{ position: relative; display: block; padding: 15px;} 
.cata_tt em span{ display: block; font-weight: normal;}
.cata_num{ font-size: 12px; color: #B4B8BC; margin-right: 2%; width: 3%; float: left;}
.cata_ttime{ font-size: 14px; color: #36404A; width: 95%; font-weight: bold; display: block;}
.cata_ttime span{ font-size: 10px; color: #AFB3B7; position: relative; top: 5px;}
.cata_status{ color: #AFB3B7; font-size: 10px; padding-left: 5%; padding-top: 10px;}
.blue_status{ color: #4684EA;}
.green_status{ color: #24BC58;}
.orange_status{ color: #FFBE56;}
.limiteOffer{ height: 28px; line-height: 28px; position: fixed; left: 0; right: 0; bottom: 62px; font-size: 12px; background: #FFBE56; color: #fff; display: flex; justify-content: space-between; z-index: 10;}
.limiteOffer img{ width: 11px; height: 11px;;}
.limite_lspan{ padding-left: 15px;}
.limite_rspan{ padding-right: 20px;}
.limite_lspan img{ position: relative; top: 1px;}
.lecturer{ margin-bottom: 90px; padding: 0 15px;}
.main_lec{ font-size: 20px; color: #36404A; padding: 15px 0 15px 25px;}
.main_lec span{ font-size: 11px; font-weight: normal; padding-left: 10px;}
.lec_item{ padding: 20px; margin-bottom: 40px; border: 1px solid #F3F3F3; border-radius: 5px; box-shadow: 0 4px 10px rgba(0,0,0,.03);}
#lec_photo{ margin-right: 10px; display: flex; align-items: center;}
#lec_photo img{ width: 36px; height: 36px; border-radius: 50%; border: 1px solid #eee; margin-right: 10px;}
.lec_info{ padding-top: 10px;}
.lec_info h5{ color: #2a333c; font-size: 15px; padding-bottom: 5px;}
.lec_info p{ font-size: 14px; color: #616c77; line-height: 1.6; white-space: normal; text-align: justify;}

.fix_price{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; box-shadow: 0 -1px 6px rgba(0,0,0,.08); height: 62px; background: #fff;}
.fix_box{ background: #fff; padding: 0; display: flex; justify-content: space-between;}
.fix_free{ font-size: 16px; color: #EA2520; font-weight: bold;}
.fix_free em{ font-size: 10px; position: relative; top: -2px; }
.fix_mp p img{ width: 16px; height: 15px; position: relative; top: 6px;}
.fix_rp img{ width: 129px; height: 57px;}
.studied{ font-size: 10px; color: #8f8f94; height: 16px;}
.fix_lp_price{ height: 22px;}
.fix_lp{ width: 40%; text-align: center; height: 38px; margin: 12px 0;}
.fix_lp p.fix_lp_mallP{ height: 100%; line-height: 38px;}
.fix_mp{ display: flex; justify-content: space-between; justify-content: center; width: 30%;}
.fix_mp p{ padding: 0; text-align: center; width: 50%; height: 38px; margin: 12px 0; border-left: 1px solid #f5f5f5;}
.fix_mp span{display: block; font-size: 10px; height: 18px;}
.favorite a.mui-icon-collect{ font-size: 20px; color: #8f8f94;}
.favorite a.mui-icon-collected{ font-size: 20px;}
.qq_kefu a{ font-size: 20px; color: #8f8f94;}
.fix_rp{ width: 30%;}
.fix_rp .fixMallBtn{ display: block; margin: 0; padding: 0; text-align: center; height: 38px; line-height: 38px;}
.fix_fg{ width: 1px; height: 40px; background: #E5E5E5; margin: 0 10px}
.studyBtn{ display: block;}
.studyBtn:focus{ box-shadow: none; background: #ef2e29; color: #fff;}
.stopBuy{ background: #C3C3C3; color: #fff; box-shadow: none;}
.stopBuy:focus{color: #fff; }
.fix_lp_course{ width: 30%; }
.fix_rp_course{ width: 40%;}
.fixStudyBtn{ width: 26%; height: 38px; line-height: 38px; border-radius: 19px; margin: 12px 2%; overflow: hidden;}

/*确认订单*/
.course_order{ padding: 10px 0;}
.course_order_info{ padding: 0; color: #2D353E; font-size: 16px;}
.promoCode ,.courseConsultant ,.addAddress ,.showPromoCode{ display: flex; justify-content: space-between; padding: 20px 15px; font-size: 15px;}
.showPromoCode{ display: none;}
.promo_r span ,.cc_r span{ color: #888888;}
.courseArrow{ padding-left: 20px;}
.courseArrow img{ width: 6px; height: 10px;}
.mui-icon-location{ font-size: 22px; color: #999;}
.namePhone{ display: flex; justify-content: space-between;}
.iconAdd img{ width: 16px; height: 16px; margin-right: 4px; position: relative; top: 2px;}
.discount{ padding: 30px 15px 0; margin-bottom: 60px;}
.discount li{display: flex; justify-content: space-between; color: #2D353E; font-size: 16px; padding-bottom: 35px;}
.fix_course_order{ background: #f4f4f4; position: fixed; left: 0; right: 0; bottom: 0; z-index: 5;}
.course_price_btn{ padding: 15px; display: flex; justify-content: space-between;}
.course_price_btn span{ font-size: 18px; font-weight: bold; padding-top: 12px;}
.course_price_btn span em{ font-weight: normal; color: #EA2520; padding-left: 5px;}
.course_price_btn a{ display: inline-block; background: #EA2520; color: #fff; font-size: 14px; padding: 0px 25px; height: 38px; line-height: 38px; border-radius: 19px; /*box-shadow:1px 1px 4px rgba(225,29,24,0.27);*/}
.showAddrInfo{ display: none; padding: 20px 15px;}
.nameTel{ display: flex; justify-content: space-between;}
.nameTel span{ font-size: 15px; color: #2D353E;}
.nameTel img{ width: 16px; height: 16px; margin-right: 5px; position: relative; top: 2px;}
.showAddr{ padding: 10px 0 0 20px; font-size: 15px; color: #999;}

/*确认订单弹出层*/
.addr_input::-webkit-input-placeholder{ font-size: 15px; color: #ddd;}
.popCourse ,.popConsultant ,.popAddress ,.popPay{ display: none; position: fixed; z-index: 19; left: 0; right: 0; bottom: -100%; width: 100%; background: #fff; }
.popCont{ position: relative; padding-bottom: 55px;}
.popCont1{ padding: 0; height: inherit; position: relative;}
.pop_tt{ position: relative; padding: 15px;}
.colsePay{ height: 16px; float: left;}
.pop_tt h4{ text-align: center; font-size: 16px; font-weight: bold; color: #2D353E;}
.pop_tt img{ width: 16px; height: 16px;}
.promoInput{ padding-top: 50px;}
.promoInput input{ background: #F2F2F2; border: none; border-radius: 5px; height: 50px;}
.useBtn ,.saveBtn{ position: absolute; bottom: 10px; left: 15px; right: 15px; z-index: 10;}
.useBtn a ,.saveBtn a{ display: block; width: 100%; }
.useBtn button{ display: block; background: #EA2520; color: #fff; border: none; width: 100%; text-align: center; padding: 12px 0; font-size: 18px; font-weight: bold; border-radius: 5px; box-shadow:1px 1px 4px rgba(225,29,24,0.27);}
.consultantSel{ padding-bottom: 60px; }
.consultantSel ul:before ,.consultantSel ul:after{ height: 0;}
.consultantSel li{ display: flex; justify-content: space-between; font-size: 14px; line-height: 14px; color: #2D353E; padding: 15px;}
.consultantSel li:after{ background: #ececec; right: 15px;}
.chosen ,.pay_sel{ display: inline-block; background: url(../images/pay_sel.png) no-repeat; background-size: 16px; width: 14px; height: 14px;}
.addrList{ padding: 0 15px;}
.addrList li{ font-size: 15px; color: #2D353E; padding: 15px 0; border-bottom: 1px solid #F7F7F7;}
.addrList li span{ display: inline-block; width: 80px;}
.addrList li em{ color: #888888;}
.addrList li .addr_input ,.addrList li .addr_area{ width: 70%; border: none; margin-bottom: 0; height: auto; padding: 5px 15px; font-size: 15px; color: #888;}
#showAddress{ display: inline-block; width: 70%; padding-left: 15px; font-size: 15px;}
.pay_way{ padding: 30px 0 60px;}
.pay_way ul li{ padding: 15px;}
.pay_way .mui-table-view.mui-table-view-radio li a{ font-size: 14px; line-height: 20px; margin: -15px -65px -15px -15px;}
.wx_bg ,.zfb_bg{ width: 20px; height: 20px; border-radius: 50%; display: inline-block; margin-right: 15px; float: left;}
.wx_bg{ background: url(../images/icon_wx.png) no-repeat; background-size: 100%;}
.zfb_bg{ background: url(../images/icon_zfb.png) no-repeat; background-size: 100%;}
/*通知和通知详情*/
.notice_box{ padding: 15px;}
.notice_list{ padding: 15px; border: 1px solid #DDDDDD; border-radius: 4px; margin-bottom: 15px;}
.notice_list a{ display: block;}
.notice_list h4{ font-size: 17px; color: #384049; line-height: 1.4; font-weight: bold;}
.notice_list p{ font-size: 15px; color: #888; padding: 10px 0; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px;}
.notice_list span{ display: block; text-align: right; font-size: 12px; color: #9DA1A6;}
.notice_list span img{ width: 6px; height: 10px; position: relative; top: 0px; margin-left: 5px;}
.notice_time_detail{ display: flex; justify-content: space-between;}
.notice_dtt{ padding-bottom: 15px;}
.notice_dtt h3{ font-size: 22px; color: #384049; line-height: 1.4; padding-bottom: 5px;}
.notice_dtt span{ font-size: 12px; color: #36404A;}
.notice_dnr p{ font-size: 18px; color: #384049; padding: 10px 0 5px;}

/*商城*/
#mallTab li.mui_active a{ color: #EA2520; height: 42px;}
#mallTab li.mui_active a em{display: block; height: 2px; background: #EA2520; border-radius: 5px;
    margin: 0 auto; position: relative;}
.mallTab{ box-shadow: 0 1px 3px rgba(0, 0, 0, .04); height: 42px;}
.mallTab ul{ display: flex; justify-content: space-around;}
.product_show{ padding: 20px 15px 0;}
.product_show ul{ display: flex; flex-wrap: wrap;}
.product_show li{ width: 48%; padding: 0px 0 12px!important; text-align: center; margin-bottom: 12px;}
.product_show li:nth-child(odd){ margin-right: 4%;}
.product_show li a{ display: inline-block;}
.product_show li span img{ width: 100%; margin: 0 0%; border: 1px solid #eee; }
.product_ms{ font-size: 14px; color: #000; padding: 5px 10px 5px 0; height: 48px; text-align: left;}
.product_price{ font-size: 14px; color: #EA2520; display: block; text-align: left; font-weight: bold;}
.product_price em{ font-weight: normal;}
.product_flex{ display: flex; flex-wrap: wrap;}
.resultTab{ padding-top: 70px;}

/*商城详情*/
.bxn2{ box-shadow: none;}
.mallDline{ border-bottom: 1px solid #F4F4F4;}
.icon_share_mall{ float: right; height: 44px; padding: 10px; margin-left: -10px; margin-right: -10px;}
.icon_share_mall img{ display: inline-block; width: 22px; height: 22px;}
.mui-slider-indicator .mui-indicator{ width: 8px; height: 8px; margin: 1px 3px;}
.mui-slider .mui-slider-group .mall_dpic img{ width: 375px;}
.mall_dpic img{ width: 100%; position: relative; top: 6px;}
.swiper-pagination-bullet-active{ background: #EA2520;}
.mall_dnr{ padding: 15px 0 0;}
.mall_bt{ font-size: 16px; color: #000; font-weight: bold; text-align: justify; padding: 0 15px 25px;}
.price_place{ display: flex; justify-content: space-between; font-size: 13px; color: #888; padding: 0 15px 25px;}
.mallCont{ padding-bottom: 55px;}
.mallCont img{ width: 100%;}
.orignPrice{ font-size: 14px; color: #9DA1A6; text-decoration: line-through;}
.bookPrice{ }
.bookPrice p{ }
.bookPrice span{ font-size: 14px; color: #EA2520; font-weight: bold;}
.bookPrice span.fix_priceVip{ color: #F0AD4E;}
.bookPrice span em{font-size: 10px; position: relative; top: -1px; }
.bookPrice span em.fix_vip{ font-size: 12px;}
.bookDetailBtn{ width: 36%; display: flex; height: 38px; margin: 12px 2%; border-radius: 21px; overflow: hidden;}
.bookDetailBtn a.tryRead:active{ background: #f3bd72; color: #fff;}
.bookDetailBtn a.buyRead:active{ background: #ff7c65; color: #fff;}
/*购买弹出层*/
.popBuy{ display: none; position: fixed; left: 0; right: 0; bottom: -100%; z-index: 19; background: #fff;}
.popBuyInfo{ padding: 15px;}
.buyInfo{ border-bottom: 1px solid #f4f4f4;}
.buyInfo h4{ font-size: 14px; color: #333333; font-weight: normal; padding: 20px 0 10px;}
.buyInfo1 a{ display: inline-block; padding: 0px 20px; border-radius: 4px;background: #fff; border: 1px solid #E1E1E1; font-size: 12px; color: #B0B4B8; margin-right: 10px; height: 40px; line-height: 40px; margin-bottom: 10px;}
.buyInfo1 a.active{ background: #EA2520; border: 1px solid #E9231E; color: #fff;}
.buyInfo1 p{ padding-bottom: 10px;}
.buyInfo3 p{ font-size: 18px; color: #EA2520; padding-bottom: 15px;}
.shuliang{ display: flex;}
.shuliang a{ display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #E1E1E1;}
.shuliang input{ width: 80px; height: 40px; text-align: center; border-left: none; border-right: none; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-radius: 0;}
.fix_buy_btn{ padding: 20px 0; margin: 0 15px;}
.fix_buy_btn a{ display: block; width: 100%;}

/*商城确认订单*/
.mallOrder{ padding: 70px 0 0;}
.mallInfo1{ background: #fff; display: flex; justify-content: space-between; padding: 30px 15px; margin-top: 10px; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.info1_img{ padding: 0 15px 0 0;}
.info1_img img{ height: 90px; border: 1px solid #eee;}
.info1_txt h4{ font-size: 15px; font-weight: normal; color: #2D353E; line-height: 1.5; margin-bottom: 28px; text-align: justify; height: 45px;}
.ggNum{ display: flex; justify-content: space-between; font-size: 15px; color: #999; }
.mallInfo2{ display: flex; justify-content: space-between; font-size: 15px; color: #2D353E; padding: 20px 15px; border-bottom: 1px solid #F7F7F7;}
.mallInfo2 span:first-of-type{ color: #999;}
.mallOther{ background: #fff; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,.05);}
.fix_mall_btn{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; box-shadow: 0 -2px 4px rgba(0,0,0,.05);}
.mall_price_btn{ padding: 15px; display: flex; justify-content: space-between;}
.mall_price_btn span{ font-size: 18px; font-weight: bold; padding-top: 12px;}
.mall_price_btn span em{ font-weight: normal; color: #EA2520; padding-left: 5px;}
.mall_price_btn a{ display: inline-block; padding: 0px 25px; }

/*题库-专项练习单选、多选、简答题、简答题结果、材料题、论述题*/
.exercise_tt{ display: flex; justify-content: space-between; height: 40px; line-height: 44px; font-size: 15px; color: #666; background: #F1F5F8; padding: 0 15px;}
.exer_num{ font-weight: normal;}

.question{ font-size: 15px; color: #384049; line-height: 1.5; text-align: justify; padding: 15px;}
.anwser_item ,.anwser_item_more{ padding: 0 15px;}
.anwser_item li{ padding: 11px 15px; font-size: 15px; font-weight: normal; color: #384049; position: relative; line-height: 30px;}
.anwser_item li:focus{ background: #eee;}
.anwser_item li:after{ clear: both; display: block; content: ""; visibility: hidden; height: 0; }
.anwser_item li span{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; border-radius: 50%; border: 1px solid #AAA; margin-right: 14px; float: left;}
.anwser_item li.active span{ background: #EA2520; border: 1px solid #EA2520; color: #fff;}
.anwser_item li em{ float: left; width: -webkit-calc(100% - 45px); padding-top: 5px;}
.exer_icons{ position: absolute; right: 10px; z-index: 5;}
.exer_icons a{ background-clip: content-box; margin-left: 10px!important;}
.exer_icons em{ display: inline-block; padding: 10px; margin-left: -5px; margin-right: -5px; height: 44px;}
.icon_sc_sel{ display: none;}

.anwser_item_more .aimLi{ padding: 11px 0;}
.anwser_item_more li{ font-size: 15px; font-weight: normal; color: #384049;}
.anwser_item_more li span{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; border-radius: 3px; border: 1px solid #AAA; margin-right: 14px;}
.anwser_item_more li.active span{ background: #EA2520; border: 1px solid #EA2520; color: #fff;}
.jdt_form{ padding: 0 15px;}
.short_wby{ font-size: 14px; height: 250px; padding: 10px; background: #F8F8F8;}
#shortTips ,.shortTips{ font-size: 12px; color: #BEBEBE; text-align: center;}

.myAnswer_tt{ padding: 15px; display: flex; justify-content: space-between;}
.myAnswer_tt h4{ font-size: 15px; color: #384049;}
.answer_modify img{ width: 12px!important; height: 12px; margin-right: 5px;} 
.answer_modify{ font-size: 13px; color: #FF293D;}
.myAnswer{ padding: 0;}
.myAnswer_nr{ padding: 0 15px 15px; font-size: 15px;  text-align: justify; line-height: 1.6;}
.myAnswer_nr p{ font-size: 15px; color: #384049; line-height: 1.6; padding-bottom: 20px;}
.resolve_answer h4{ font-size: 15px; color: #384049; padding: 15px;}
.resolve_answer b{ display: block; padding: 15px 0;}

.material{ padding: 20px 15px;}
.material p{ font-size: 15px; color: #384049; line-height: 1.6; padding-bottom: 20px; text-align: justify;}
.material p.shortTips{ font-size: 12px; color: #BEBEBE; text-align: center;}
.material .p015{ padding: 0 15px;}
.bdline{ border-bottom: 1px solid #eee; margin-top: -15px;}
.discuss p{ font-size: 15px; color: #384049; line-height: 1.6; padding-bottom: 20px;}
.clt_tab{ border-bottom: 1px solid #eee;}

.popTips{ display: none; position: absolute; left: 50%; top: 36%; margin-left: -85px; z-index: 15;}
.popTips_nr p{ font-size: 13px; color: #fff; padding-top: 10px;}
.popTips img{ width: 170px; }
.closeTipBtn{ z-index: 16; font-size: 14px; display: inline-block; border: 1px solid #eee; color: #eee; border-radius: 5px; width: 80px; text-align: center; height: 36px; line-height: 36px; margin-left: -40px; position: absolute; left: 50%; top: 140px; }
.closeTipBtn:active{ color: #fff;}
/*答题卡弹窗*/
.popCard{ display: none; position: fixed; left: 0; right: 0; bottom: -100%; z-index: 9999; background: #fff;}
.pop_exer_tt{ display: flex; justify-content: space-between; padding: 0 15px; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; }
.pop_exer_nr{ height: 240px; padding: 20px 15px; overflow-y: scroll;}
.exer_ltt{ font-size: 17px; color: #384049; font-weight: bold;}
.exer_ltt em{ display: inline-block; margin-right: 5px; position: relative; top: 5px;}
.exer_ltt em img{ width: 22px; height: 22px;}
.exer_rtt span{ font-size: 12px; color: #384049; padding-left: 15px;}
.exer_rtt span .dot_red{ display: inline-block; width: 8px; height: 8px; background: #aaa; border-radius: 50%;}
.exer_rtt span .dot_grey{ display: inline-block; width: 8px; height: 8px; border: 1px solid #aaa; border-radius: 50%;}
.exer_rtt span em{ margin-right: 5px;}
.pop_exer_nr ul{ display: flex; flex-wrap: wrap; }
.pop_exer_nr li{ text-align: center; padding-bottom: 15px; width: 20%;}
.pop_exer_nr li.active a{ color: #787878; background: #eee; border: 1px solid #aaa;}
.pop_exer_nr li a{ display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 36px; background: #fff; color: #787878; border-radius: 50%; border: 1px solid #AAAAAA;}
.fix_exer_result{ position: absolute; left: 15px; right: 15px; bottom: 15px;}
.fix_exer_result a{ display: block; }

/*题目解析*/
.answerKey{ padding: 15px;}
.resolution_box{ padding: 0px; }
.resolution{ color: #384049;}
.resolution h4{ font-size: 18px; padding-bottom: 20px;}
.resolution h5{ font-size: 15px; padding-bottom: 15px; color: #384049;}
.resolution h5 span ,.resolution p span{ font-weight: bold;}
.resolution p{ font-size: 15px; color: #384049; line-height: 1.6; padding-bottom: 50px;}
.notes_box{ padding: 15px;}
.notes_tt{ display: flex; justify-content: space-between;}
.notes_tt h4{ font-size: 15px;}
.notes_tt a{ font-size: 14px; color: #ED0000;}
.notes_nr{ padding: 20px 0 10px;}

/*添加笔记弹窗*/
.popNotes ,.popNotes2 ,.popNotes3{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; background: #fff;}
.popNotes_box{ padding: 15px;}
.popNotes_tt{ text-align: center; font-size: 17px; color: #384049;}
.popNotes_nr{ padding: 30px 0 15px;}
.notes_area{ height: 100px; margin-bottom: 10px; font-size: 14px;}
.textareaTip{ color: #999999; text-align: right; font-size: 12px;}
.notes_btn{ text-align: right;}
.notes_btn button{ background:rgb(255,41,61); color: #fff; border: none; width: 80px; height: 32px; text-align: center; line-height: 32px; font-size: 14px;}

/*专项练习结果页*/
.exer_data{ padding: 0px 20px 20px;}
.cycle_data{ width: 124px; height: 124px; background: #fff; border: 1px solid #fba0aa; border-radius: 50%; margin: 0 auto; text-align: center;}
.cycle_data p{ padding-top: 30px; font-size: 14px; color: #BEBEBE; padding-bottom: 5px;}
.cycle_data h4{ font-size: 25px; color: #384049;}
.list_data{ padding-top: 10px;}
.list_data ul{ display: flex; justify-content: space-around;}
.list_data li{ text-align: center; width: 33%; border-right: 1px solid #eee;}
.list_data li:last-of-type{ border-right: none;}
.list_data li p{ font-size: 12px; color: #384049;}
.as_tt{ display: flex; justify-content: space-between; padding: 0 15px; height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
.as_ltt{ font-size: 17px; color: #384049; font-weight: bold;}
.as_ltt em{ display: inline-block; margin-right: 5px; position: relative; top: 5px;}
.as_ltt em img{ width: 22px; height: 22px;}
.as_rtt span{ font-size: 12px; color: #384049; padding-left: 15px;}
.as_rtt span em{ margin-right: 5px;}
.dot_red{ display: inline-block; width: 8px; height: 8px; background: #ED0000; border-radius: 50%;}
.dot_grey{ display: inline-block; width: 8px; height: 8px; border: 1px solid #aaa; border-radius: 50%;}
.dot_blue{ display: inline-block; width: 8px; height: 8px; background: #398DEE; border-radius: 50%;}
.as_nr{ padding-top: 20px;}
.as_nr ul{ display: flex; flex-wrap: wrap;}
.as_nr li{ width: 20%; text-align: center; padding-bottom: 15px;}
.as_nr li a{ display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 36px; background: #fff; color: #787878; border-radius: 50%; border: 1px solid #AAAAAA;}
.as_nr li.bg_blue a{ color: #FFFFFF; background: #398DEE; border: 1px solid #398DEE;}
.as_nr li.bg_red a{ color: #FFFFFF; background: #EA2520; border: 1px solid #EA2520;}
.fix_resolve{ position: absolute; z-index: 99; left: 0; right: 0; bottom: 20px; height: 40px; line-height: 40px;}
.resolve_box ul{ display: flex; justify-content: space-around; text-align: center;}
.resolve_box li{ width: 40%; margin: 0 5%;}
.resolve_box li a{ display: block; }

/*试题报错*/
.errorCorrection{ padding: 15px;}
.error_wby{ margin-bottom: 20px;}
.error_area{ padding: 10px; height: 130px; font-size: 14px; background: #F5F5F5;}
.errorType_tt{ font-size: 14px; color: #999999; padding-bottom: 20px;}
.errorType_nr{ display: flex; flex-wrap: wrap;}
/*美化多选样式*/
.mui-checkbox{ width: 100px; text-align: center; /*height: 36px; line-height: 36px;*/ margin:0 10px 10px 0;}
.mui-checkbox.mui-left input[type=checkbox]{ display: none;}
.mui-checkbox.mui-left input[type=checkbox]:checked+label{ background: #FDE5E4; color: #EA2520;}
.mui-checkbox.mui-left input[type=checkbox]+label{ color: #333; background: #eee; padding: 0; height: 36px; line-height: 36px; font-size: 13px; border-radius: 20px;}
.fix_error_btn{ position: absolute; left: 15px; right: 15px; bottom: 15px;}
.error_submit_btn{ display: block; width: 100%;}

/*套题演练*/
.taoti_box{}
.taoti_item{ padding: 15px; position: relative; z-index: 5; border-bottom: 1px solid #f7f7f7;}
.taoti_item:active{ background: #F0F0F0;}
.taoti_item a{ width: 100%; font-size: 15px; color: #000; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify;}
.taoti_item em.vip_free_icon{ font-size: 8px; border: 1px solid #FF513E; color: #FF513E; height: 13px; line-height: 11px; padding: 0px 2px; border-radius: 1px; }
.vip_free_icon img{ position: absolute; top: -10px; right: 0; z-index: 10; width: 49px; height: 50px;}
.taoti_item .price{ font-size: 14px; font-weight: bold;}
.taoti_item .price em{ font-size: 11px; position: relative; top: -1px;}

.popTaoti{ display: none;  position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; margin: auto; background: #fff; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.3); width: 70%; height: 240px;}
.popTaotiNoVip{ display: none;  position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; margin: auto; background: #fff; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.3); width: 70%; height: 140px;}
.popInfo{ padding: 20px 15px;}
.pa_tt{ font-size: 14px; color: #888; text-align: center; line-height: 1.5; padding-bottom: 50px;}
.pa_tips{ font-size: 16px; color: #384049; text-align: center; padding-bottom: 50px;}
.pa_btns{ display: flex; justify-content: space-around;}
.pa_btns a{ display: inline-block; font-size: 14px;}
.ptnv{ padding-bottom: 20px; color: #384049;}
.payCont{ padding: 15px;}
.pay_tt{ position: relative;}
.pay_tt h4{ text-align: center; font-size: 17px; font-weight: bold; color: #2D353E;}
.pay_tt img{ position: absolute; left: 0; top: 0; width: 16px; height: 16px;}
.qrzf_btn{ display: block; text-align: center;}

.chenghao{ text-align: center; font-size: 14px; padding-top: 20px;}

/*套题订单页*/
.taotiOrder{ padding: 90px 15px 0;}
.taoti_bt{ padding-bottom: 10px; font-size: 15px;}
.hadDone{ font-size: 14px; color: #8f8f94;}

/*练习历史*/
.history_item{  padding-top: 20px;}
.history_item:active{ background: #F0F0F0;}
.history_item p{ height: 42px; font-size: 15px; color: #384049; line-height: 1.5;}
.his_status_time{ display: flex; justify-content: space-between; padding: 15px;}
.his_status_time span{ font-size: 12px; color: #888888;}

/*错题收藏*/
.wc_box{ padding: 20px 15px 0 20px;}
.wc_item{ position: relative; z-index: 5; padding-bottom: 40px; }
.wc_first{border-left: 1px solid #FF513E;}
.wc_second{}
.wc_third{}
.wc_first .wc_second:last-of-type .wc_third{ border-left: 1px solid #fff; position: relative; left: -1px;} 
.wc_item .control_btn_first ,.wc_item .control_btn_second ,.wc_item .control_btn_third{ display: inline-block; background: #FF513E; color: #fff; border-radius: 50%; text-align: center; position: absolute;}
.wc_item .control_btn_first{ width: 20px; height: 20px; font-size: 16px; line-height: 15px; top: 0; left: -10px;}
.wc_item .control_btn_second{ width: 16px; height: 16px; font-size: 16px; line-height: 12px; top: 0; left: -8px;}
.wc_item .control_btn_third{ width: 8px; height: 8px; font-size: 16px;  line-height: 8px;  top: 0; left: -4px;}
.first_item_box{ display: flex; justify-content: space-between;}
.first_left{ font-size: 15px; color: #384049; font-weight: normal; padding-left: 30px;}
.first_right span{ padding: 0 18px;}
.first_item_box .first_right .wrongNum{ font-size: 16px; color: #FF513E;}
.first_item_box .first_right .vw_icon img{ width: 18px; height: 20px;}
.first_item_box .first_right .ew_icon img{ width: 18px; height: 18px;}
.showList{ padding: 0;}
.typeList dl{ padding: 15px 15px 0;}
.typeList dl:active{ background: #F0F0F0;}
.typeList dl dt{ font-size: 14px; color: #666; padding-bottom: 15px;}
.typeList dl dd{ padding-bottom: 15px; text-align: justify; font-size: 14px;}
.typeList dl dd p{ font-size: 15px; color: #384049; height: 4.2em;  line-height: 1.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*习题笔记*/
.ex_note{ padding: 20px 15px;}
.ex_note_item{ padding-bottom: 40px;}
.ex_note_item p{ font-size: 15px; color: #384049; line-height: 1.5;}
.ex_note_tt{ display: flex; justify-content: space-between; padding-bottom: 20px;}
.ex_note_tt span{ font-size: 15px; color: #888;}

.materalNotes{ display: flex; justify-content: space-between;}

/*电子书详情页*/
.eBook_box1{ display: flex; padding: 30px 15px; }
.eBook_left{ position: relative; margin: 0 20px 0 0;}
.eBook_dpic{ display: inline-block; height: 188px; box-shadow: 0px 3px 8px rgba(0,0,0,.15);}
.icon_tejia{ position: absolute; right: 0; top: 0; width: 36px; height: 36px;}
.eBook_right{ display: flex; flex-direction: column; justify-content: space-between;}
.eBook_right h3{ font-size: 15px; color: #2D353E; line-height: 1.5; text-align: justify;}
.readCollection{ display: flex; justify-content: space-between; width: 120px;}
.rc_line{ width: 1px; height: 30px; margin-top: 5px; background: #E5E5E5;}
.readNum ,.collectNum{ text-align: center;}
.readNum p ,.collectNum p{ font-size: 15px; font-weight: bold;}
.readNum span ,.collectNum span{ font-size: 10px; color: #888;}
.view_catalog{ display: flex; justify-content: space-between; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 0 15px;}
.view_catalog:active{ background: #F0F0F0;}
.view_catalog h3{ font-size: 15px; color: #2D353E; height: 50px; line-height: 50px;}
.view_catalog h3 span{ font-size: 10px; color: #888; font-weight: normal; margin-left: 15px;}
.view_catalog a{ padding-top: 15px;}
.eBook_nr{ padding: 30px 15px;}
.eBook_nr p{ font-size: 15px; color: #384049; line-height: 1.5; padding-bottom: 20px;}
.readBtn ,.buyBtn{ display: inline-block;  background: -webkit-linear-gradient(left, #fd4b46, #e9231e); color: #fff; height: 38px; line-height: 38px; font-size: 14px;}
.readBtn:active ,.buyBtn:active{ color: #fff;}
.readBtn{ display: block;} 
.toRead{ height: 38px; line-height: 38px;}
.tryRead{ background: #F0AD4E; margin-right: 0; padding: 0; display: block; text-align: center;}
.buyRead{ background: #EA2520; margin-right: 0; padding: 0; display: block; text-align: center;}
.plr10{ padding: 10px 10px;}
.plr70{ padding: 0px;}
.redBtn{ width: 56%; background: #ed3536; text-align: center; margin: 12px 2%; overflow: hidden; height: 38px; line-height: 38px; border-radius: 19px;}
.toRead:active{ background: #f00; color: #fff;}

/*阅读界面*/
.read_box{ padding: 60px 20px 30px; -webkit-overflow-scrolling: touch; -webkit-user-select: auto;}
/*重置编辑背景样式，防止影响切换主题*/
.read_box div *{ background: transparent!important;}
.read_box h3 ,.read_box h4{ font-size: 18px; color: #384049;}
.read_box h4{ padding: 30px 0;}
.read_box p { font-size: 16px; color: #384049; line-height: 1.6; padding-bottom: 20px; text-align: justify;}
.fix_panel{position: fixed; left: 0; right: 0; bottom: 0%; z-index: 10; background: #fff; box-shadow: 0 -5px 4px rgba(0,0,0,.05);}
.fix_panel ul{ display: flex; justify-content: space-around; font-size: 10px; color: #998D80;}
.fix_panel li{ text-align: center; padding: 10px;}
.fix_panel li:nth-of-type(1) img{ width: 19px; height: 19px;}
.fix_panel li:nth-of-type(2) img{ width: 19px; height: 19px;}
.fix_panel li:nth-of-type(3) img{ width: 19px; height: 19px;}
.fix_panel li:nth-of-type(4) img{ width: 19px; height: 19px;}
.fix_panel li p{ font-size: 10px; height: 20px;}
.fix_panel li p a.mui-icon{ font-size: 20px; color: #998D80;}

/*分页*/
.pages{padding: 10px 15px 10px;margin-top: 20px;}
.pages a{ display: inline-block; font-size: 15px; color: #333; padding: 0px 15px; height: 36px; line-height: 36px; border-radius: 18px; background: rgba(255,255,255,.8);}
.pages a:active{ background: rgba(255,255,255,.2);}
/*购买按钮*/
.buyBook{ text-align: center; padding: 0 30px; margin-top: 20px;}
.buyBook a{ display: block; }

/*字体设置*/
.popFont{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; background: #fff;  box-shadow: 0 -1px 4px rgba(0,0,0,.05); padding-bottom: 20px;}
.articleJump{ display: flex; justify-content: space-between; padding: 15px 20px;}
.article_range{ width: 80%; margin-top: 10px;}
.arr_prev img ,.arr_next img{ display: inline-block; width: 8px; height: 14px;}
.bgGroup{ display: flex; justify-content: space-around; padding: 20px 0 15px;}
.bgGroup a{ display: inline-block; width: 35px; height: 35px;  border-radius: 50%; border: 1px solid #fff;}
.bgColor1{ background: #f3f3f3;}
.bgColor2{ background: #EAE3CF;}
.bgColor3{ background: #E7F7E9;}
.bgColor4{ background: #9CBDBF;}
.bgColor5{ background: #010202;}
.bgColor1-active{ background-color: #F3F3F3;border-color:#999!important;}
.bgColor2-active{ background-color: #EAE3CF;border-color:#999!important;}
.bgColor3-active{ background-color: #E7F7E9;border-color:#999!important;}
.bgColor4-active{ background-color: #9CBDBF;border-color:#999!important;}
.bgColor5-active{ background-color: #010202;border-color:#999!important;}

.fontSet ,.brightSet ,.lineHeightSet{ padding-right: 0px!important; display: flex; padding-bottom: 10px;}
.fontSlider ,.brightSlider ,.lineHeightSlider{ width: 100%; padding-top: 0px;}
.icon_font{ padding-top: 6px;} 
.icon_font img{ width: 14px; height: 14px;}
.icon_font a.mui-icon{ font-size: 18px; color: #999;}

/*mui滑块样式*/
.mui-input-range input[type='range']
{
    position: relative;
    width: 100%;
    height: 1px;
    margin: 17px 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none !important;
    background: #e0e0e0;
}
.mui-input-range input[type='range']::-webkit-slider-thumb
{
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: none;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-clip: padding-box;
    -webkit-appearance: none !important;
}
.mui-input-range label ~ input[type='range']
{
    width: 65%;
}
.rangeBox{ display: flex; width: 100%; padding-right: 0!important; background: #eee;}
.mui-input-range input[type='range'].rangeMargin{ margin-top: 18px; width: 78%; }

/*目录选项卡*/
.fixTab{ position: fixed; left: 0; top: 40px; right: 0; z-index: 3; height: 74px; background: #fff;}
.eTitle{ display: flex; justify-content: space-around; width: 100%; height: 42px; margin-bottom: 20px;}
.eTitle a{ width: 33%; text-align: center; position: relative; font-size: 15px; font-weight: bold; color: #888; height: 40px; line-height: 40px;}
.eTitle a.active{ color: #EA2520;}
.eTitle a.active em{ display: block; background: #EA2520; height: 2px;}
.eCont{ padding-top: 30px; height: auto!important;}

/*修复swiper-slide内容过长，切换有滚动条*/
.swiper-slide{height:0;}    
.swiper-slide-active { height:auto;}
.cate_list ,.bookMark ,.notes{ padding: 20px 0;}
.cate_list dt{ font-size: 14px; color: #384049; font-weight: bold; padding: 30px 20px 10px;}
.cate_list dd{ display: block; font-size: 14px; color: #384049; position: relative; padding-left: 20px;}
.cate_list dd span{ display: inline-block; width: 12px; height: 13px; position: absolute; right: 0px; top: 0;}
.bookMark dl{ padding: 20px; border-bottom: 1px solid #eee;}
.bookMark dl:active{ background: #F0F0F0;}
.bookMark dt{ font-size: 14px; color: #384049; font-weight: bold;}
.bookMark dd{ font-size: 14px; color: #384049; line-height: 1.5; max-height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 20px;}
.notes dl{ padding: 20px; border-bottom: 1px solid #eee;}
.notes dl:active{ background: #F0F0F0;}
.notes dt{ font-size: 14px; color: #384049; padding-bottom: 10px; font-weight: bold;}
.notes dd{ font-size: 14px; color: #384049; }
.notes p{ text-align: right; font-size: 12px; color: #d6d6d6;}
/*当前阅读章节状态*/
.cate_list .curStatus{ color: #384049;}
/*非VIP章节锁定状态*/
.cate_list .lockStatus{ color: #aaa;}
.lh1p6{ line-height: 1.6;}
.payTotal{ display: flex; justify-content: space-between; padding: 15px; font-size: 16px;}

/*加载失败的显示框*/
.errorBoxTips{width: 100%;text-align: center;margin-top: 50%;}
.errorBoxTips p{height: 30px;line-height: 30px;margin: 30px;}

/*做题进入的动画效果*/
.questionfade-enter-active{
  transition: all 0.3s;
}
.questionfade-leave-active{
  transition: all 0s;
}


.questionfade-enter{
  transform: translate3d(100%, 0, 0);
}
.questionfade-leave-to{
  transform: translate3d(0, 0, 0);
}


[v-cloak] {
  display: none;
}

.userUpData{ color: #777; text-align: center; font-size: 15px; font-weight: bold; width: 100%; height: 40px; line-height: 40px; position: absolute;  z-index: 99;bottom: 0; left: 0; right: 0; }

.userDownData{ color: #777; text-align: center; font-size: 15px; font-weight: bold; width: 100%; height: 20px; line-height: 20px; position: absolute;  z-index: 99;top:20px;left:0; right:0;}

.userSearchDownData{ color: #777; text-align: center; font-size: 15px; font-weight: bold; width: 100%; height: 20px; line-height: 20px; position: absolute;  z-index: 99;top:45px;left:0; right:0;}
